// 全局样式
$scrollThumbBg: rgba(161, 161, 161, 0.44);
$scrollThumbHoverBg: rgba(161, 161, 161);

.el-scrollbar {
  // 这里不能用变量，用了变量table里的滚动条样式不知道为啥透明了
  // 这里加了important的权重，是因为el的滚动条都是自己实现的，权重都有一些高，不想一个一个组件的去找去增加权重，因此加了important
  --el-scrollbar-bg-color: rgba(161, 161, 161, 0.44) !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #bdccde;
  border-radius: 6px;
  background-clip: padding-box;
  background-color: $scrollThumbBg;
  border: 3px solid transparent;

  &:hover {
    background-color: $scrollThumbHoverBg;
    border: 2px solid transparent;
  }
}

::-webkit-scrollbar-track {
  border-radius: 0;
}

.el-loading-mask {
  z-index: 99;
}
